<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情 - 企业公告管理系统</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/user/detail.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="navbar-content">
            <a href="index.html" class="back-btn">
                <span>←</span> 返回列表
            </a>
            <h1 class="navbar-title">详情</h1>
        </div>
    </nav>

    <!-- 主内容区 -->
    <main class="main-content">
        <article class="news-detail" id="messageDetail">
            <!-- 详情将通过 JavaScript 动态加载 -->
        </article>

        <section class="comments-section" id="commentsSection" style="display: none;">
            <h2>评论区</h2>
            <div class="comment-form" id="commentForm">
                <!-- 评论表单仅对登录用户显示 -->
            </div>
            <div class="comments-list" id="commentsList">
                <!-- 评论列表将通过 JavaScript 动态加载 -->
            </div>
        </section>
    </main>

    <script src="../../js/config.js"></script>
    <script src="../../js/request.js"></script>
    <script src="../../js/auth.js"></script>
    <script src="../../js/utils.js"></script>
    <script src="../../js/employee/detail.js"></script>
</body>
</html> 